<!--
    ~ ----------------------------------------------------------------------------
    ~ Copyright (C) 2021-2023 Deepchecks (https://www.deepchecks.com)
    ~
    ~ This file is part of Deepchecks.
    ~ Deepchecks is distributed under the terms of the GNU Affero General
    ~ Public License (version 3 or later).
    ~ You should have received a copy of the GNU Affero General Public License
    ~ along with Deepchecks.  If not, see <http://www.gnu.org/licenses/>.
    ~ ----------------------------------------------------------------------------
    ~
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$Title</title>
    <link rel="icon" type="image/x-icon" href="https://deepchecks.com/wp-content/themes/deepchecks/assets/favicons/favicon.ico">
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
            font-size: 1rem;
            line-height: 1.5;
            color: #212529;
            text-align: left;
            max-width: 1200px;
            margin: auto;
            background-color: white;
        }

        div.nbinput.container div.prompt *,
        div.nboutput.container div.prompt *,
        div.nbinput.container div.input_area pre,
        div.nboutput.container div.output_area pre,
        div.nbinput.container div.input_area .highlight,
        div.nboutput.container div.output_area .highlight {
            border: none;
            padding: 0;
            margin: 0;
            box-shadow: none;
        }

        div.nbinput.container > div[class*=highlight],
        div.nboutput.container > div[class*=highlight] {
            margin: 0;
        }

        div.nbinput.container div.prompt *,
        div.nboutput.container div.prompt * {
            background: none;
        }

        div.nboutput.container div.output_area .highlight,
        div.nboutput.container div.output_area pre {
            background: unset;
        }

        div.nboutput.container div.output_area div.highlight {
            color: unset;  /* override Pygments text color */
        }

        /* avoid gaps between output lines */
        div.nboutput.container div[class*=highlight] pre {
            line-height: normal;
        }

        /* input/output containers */
        div.nbinput.container,
        div.nboutput.container {
            display: -webkit-flex;
            display: flex;
            align-items: flex-start;
            margin: 0;
            width: 100%;
        }
        @media (max-width: 540px) {
            div.nbinput.container,
            div.nboutput.container {
                flex-direction: column;
            }
        }

        /* input container */
        div.nbinput.container {
            padding-top: 5px;
        }

        /* last container */
        div.nblast.container {
            padding-bottom: 5px;
        }

        /* input prompt */
        div.nbinput.container div.prompt pre {
            color: #307FC1;
        }

        /* output prompt */
        div.nboutput.container div.prompt pre {
            color: #BF5B3D;
        }

        /* all prompts */
        div.nbinput.container div.prompt,
        div.nboutput.container div.prompt {
            width: 4.5ex;
            padding-top: 5px;
            position: relative;
            user-select: none;
        }

        div.nbinput.container div.prompt > div,
        div.nboutput.container div.prompt > div {
            position: absolute;
            right: 0;
            margin-right: 0.3ex;
        }

        @media (max-width: 540px) {
            div.nbinput.container div.prompt,
            div.nboutput.container div.prompt {
                width: unset;
                text-align: left;
                padding: 0.4em;
            }
            div.nboutput.container div.prompt.empty {
                padding: 0;
            }

            div.nbinput.container div.prompt > div,
            div.nboutput.container div.prompt > div {
                position: unset;
            }
        }

        /* disable scrollbars on prompts */
        div.nbinput.container div.prompt pre,
        div.nboutput.container div.prompt pre {
            overflow: hidden;
        }

        /* input/output area */
        div.nbinput.container div.input_area,
        div.nboutput.container div.output_area {
            -webkit-flex: 1;
            flex: 1;
            overflow: auto;
        }
        @media (max-width: 540px) {
            div.nbinput.container div.input_area,
            div.nboutput.container div.output_area {
                width: 100%;
            }
        }

        /* input area */
        div.nbinput.container div.input_area {
            border: 1px solid #e0e0e0;
            border-radius: 2px;
            /*background: #f5f5f5;*/
        }

        /* override MathJax center alignment in output cells */
        div.nboutput.container div[class*=MathJax] {
            text-align: left !important;
        }

        /* override sphinx.ext.imgmath center alignment in output cells */
        div.nboutput.container div.math p {
            text-align: left;
        }

        /* standard error */
        div.nboutput.container div.output_area.stderr {
            background: #fdd;
        }

        /* ANSI colors */
        .ansi-black-fg { color: #3E424D; }
        .ansi-black-bg { background-color: #3E424D; }
        .ansi-black-intense-fg { color: #282C36; }
        .ansi-black-intense-bg { background-color: #282C36; }
        .ansi-red-fg { color: #E75C58; }
        .ansi-red-bg { background-color: #E75C58; }
        .ansi-red-intense-fg { color: #B22B31; }
        .ansi-red-intense-bg { background-color: #B22B31; }
        .ansi-green-fg { color: #00A250; }
        .ansi-green-bg { background-color: #00A250; }
        .ansi-green-intense-fg { color: #007427; }
        .ansi-green-intense-bg { background-color: #007427; }
        .ansi-yellow-fg { color: #DDB62B; }
        .ansi-yellow-bg { background-color: #DDB62B; }
        .ansi-yellow-intense-fg { color: #B27D12; }
        .ansi-yellow-intense-bg { background-color: #B27D12; }
        .ansi-blue-fg { color: #208FFB; }
        .ansi-blue-bg { background-color: #208FFB; }
        .ansi-blue-intense-fg { color: #0065CA; }
        .ansi-blue-intense-bg { background-color: #0065CA; }
        .ansi-magenta-fg { color: #D160C4; }
        .ansi-magenta-bg { background-color: #D160C4; }
        .ansi-magenta-intense-fg { color: #A03196; }
        .ansi-magenta-intense-bg { background-color: #A03196; }
        .ansi-cyan-fg { color: #60C6C8; }
        .ansi-cyan-bg { background-color: #60C6C8; }
        .ansi-cyan-intense-fg { color: #258F8F; }
        .ansi-cyan-intense-bg { background-color: #258F8F; }
        .ansi-white-fg { color: #C5C1B4; }
        .ansi-white-bg { background-color: #C5C1B4; }
        .ansi-white-intense-fg { color: #A1A6B2; }
        .ansi-white-intense-bg { background-color: #A1A6B2; }

        .ansi-default-inverse-fg { color: #FFFFFF; }
        .ansi-default-inverse-bg { background-color: #000000; }

        .ansi-bold { font-weight: bold; }
        .ansi-underline { text-decoration: underline; }


        div.nbinput.container div.input_area div[class*=highlight] > pre,
        div.nboutput.container div.output_area div[class*=highlight] > pre,
        div.nboutput.container div.output_area div[class*=highlight].math,
        div.nboutput.container div.output_area.rendered_html,
        div.nboutput.container div.output_area > div.output_javascript,
        div.nboutput.container div.output_area:not(.rendered_html) > img{
            padding: 5px;
            margin: 0;
        }

        /* fix copybtn overflow problem in chromium (needed for 'sphinx_copybutton') */
        div.nbinput.container div.input_area > div[class^='highlight'],
        div.nboutput.container div.output_area > div[class^='highlight']{
            overflow-y: hidden;
        }

        /* hide copybtn icon on prompts (needed for 'sphinx_copybutton') */
        .prompt .copybtn {
            display: none;
        }

        /* Some additional styling taken form the Jupyter notebook CSS */
        div.rendered_html table {
        border: none;
        border-collapse: collapse;
        border-spacing: 0;
        color: black;
        font-size: 12px;
        table-layout: fixed;
        }
        div.rendered_html thead {
        border-bottom: 1px solid black;
        vertical-align: bottom;
        }
        div.rendered_html tr,
        div.rendered_html th,
        div.rendered_html td {
        text-align: right;
        vertical-align: middle;
        padding: 0.5em 0.5em;
        line-height: normal;
        white-space: normal;
        max-width: none;
        border: none;
        }
        div.rendered_html th {
        font-weight: bold;
        }
        div.rendered_html tbody tr:nth-child(odd) {
        background: #f5f5f5;
        }
        div.rendered_html tbody tr:hover {
        background: rgba(66, 165, 245, 0.2);
        }
    </style>
</head>
<body>
    $WidgetJavascript
    $WidgetSnippet
</body>
</html>